<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="page/followup/css/prematureOvarianFailure/womenHealthQuestionnaire.css" />
</head>
<body>
    <div class="box p-5">
        <ul class="clearfix userInfo" id="userInfo"></ul>
    </div>
    <div class="box" id="box"></div>
    <div id="myModalBox"></div>
    <!-- <div class="wrap" id="wrap">
        <div class="wrap_left">
            <div class="questionnaire">
                月经婚育史
                <div class="panel panel-default">
                    <div class="panel-heading">月经婚育史</div>
                    <div class="panel-body">
                        <div class="ques">
                            <span class = "ques_num">2.2</span>既往月经周期 <input type="text" class="underline"/>天 <span  class="warn">(*几天来一次)</span>
                        </div>
                        <div class="time_base">
                            <div class="checked_time">
                                <span class="end_circle"></span>
                            </div>
                            <div class="clearfix menstrual">
                                <div class="time_day">
                                    <span class="time_axis"></span>
                                    <span class="time_val">25</span>
                                </div>
                                <div class="time_day">
                                    <span class="time_axis"></span>
                                    <span class="time_val">26</span>
                                </div>
                                <div class="time_day">
                                    <span class="time_axis"></span>
                                    <span class="time_val">27</span>
                                </div>
                                <div class="time_day">
                                    <span class="time_axis"></span>
                                    <span class="time_val">28</span>
                                </div>
                                <div class="time_day">
                                    <span class="time_axis"></span>
                                    <span class="time_val">29</span>
                                </div>
                                <div class="time_day">
                                    <span class="time_axis"></span>
                                    <span class="time_val">30</span>
                                </div>
                                <div class="time_day">
                                    <span class="time_axis"></span>
                                    <span class="time_val">31</span>
                                </div>
                                <div class="time_day">
                                    <span class="time_axis"></span>
                                    <span class="time_val">32</span>
                                </div>
                                <div class="time_day">
                                    <span class="time_axis"></span>
                                    <span class="time_val">33</span>
                                </div>
                                <div class="time_day">
                                    <span class="time_axis"></span>
                                    <span class="time_val">34</span>
                                </div>
                                <div class="time_day">
                                    <span class="time_axis"></span>
                                    <span class="time_val">35</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                日期、地点
                <div class="panel panel-default">
                    <div class="panel-heading">日期、地点</div>
                    <div class="panel-body">
                        <div class="clearfix ques">
                            <div class="left ques-date ques_num">2.2</div>
                            <div class="left">
                                <div class="ques-date-row">末次月经 <input type="date" class="form-control w-150"/> <span  class="warn">（*上次月经第一天，包括使用药物产生月经）</span></div>
                                <div class="ques-date-row">前次月经 <input type="date" class="form-control w-150"/> <span  class="warn">（*上上次月经第一天）</span></div>
                            </div>
                        </div>
                    </div>
                </div>
                单选+联动
                <div class="panel panel-default">
                    <div class="panel-heading">痛经</div>
                    <div class="panel-body">
                        <div class="ques">
                            <span class = "ques_num">2.2</span>痛经：</span>
                        </div>
                        <div class="clearfix ques_single_tab">
                            <div class="linkage_tab">从不</div>
                            <div class="linkage_tab">偶尔</div>
                            <div class="linkage_tab">经常</div>
                        </div>
                        <div class="ques">痛经程度：</div>
                        <div class="clearfix ques_single_tab linkage">
                            <div class="linkage_tab link_checked">轻度</div>
                            <div class="linkage_tab">中度</div>
                            <div class="linkage_tab">重度</div>
                        </div>
                    </div>
                </div>
                单选+输入框
                <div class="panel panel-default">
                    <div class="panel-heading">闭经（月）</div>
                    <div class="panel-body">
                        <div class="ques">
                            <span class = "ques_num">2.2</span>闭经（月）：</span>
                        </div>
                        <div class="clearfix ques_single_tab">
                            <div class="linkage_tab link_checked">无</div>
                            <div class="linkage_tab">小于3月</div>
                            <div class="linkage_tab">4~6月</div>
                            <div class="linkage_tab">7~9月</div>
                            <div class="linkage_tab">10~12月</div>
                            <div class="linkage_tab">大于12月</div>
                            <div class="linkage_tab border-none">
                                <input type="number" min="1" class="form-control" placeholder="请填写具体年"/>
                            </div>
                        </div>
                    </div>
                </div>
               &lt;!&ndash;  生活事件量表  &ndash;&gt;
                <div class="panel panel-default">
                    <div class="panel-heading">工作和学习</div>
                    <div class="panel-body">
                        <div class="ques">
                            <span class = "ques_num">2.2</span>待业或无业
                            <p>该事件发生时间？</p>
                        </div>
                        <div class="clearfix ques_single_tab">
                            <div class="linkage_tab link_checked">未发生</div>
                            <div class="linkage_tab">1年前</div>
                            <div class="linkage_tab">1年后</div>
                            <div class="linkage_tab">长期性</div>
                        </div>
                    </div>
                </div>
                &lt;!&ndash;  高考失败:时间点  &ndash;&gt;
                <div class="panel panel-default">
                    <div class="panel-heading">工作和学习</div>
                    <div class="panel-body">
                        <div class="ques">
                            <span class = "ques_num">2.2</span>高考失败
                        </div>
                        <div class="ques">
                            请选择该事件发生时间： <input type="date" class="form-control w-150"/>
                            <button class="btn btn-pri manyTimes">发生多次</button>
                        </div>
                    </div>
                </div>
                &lt;!&ndash;  高考失败：时间段  &ndash;&gt;
                <div class="panel panel-default">
                    <div class="panel-heading">工作和学习</div>
                    <div class="panel-body">
                        <div class="ques">
                            <span class = "ques_num">2.2</span>待业或无业
                        </div>
                        <div class="ques">
                            该状况开始时间： <input type="date" class="form-control w-150"/>
                        </div>
                        <div class="ques">该状况结束时间？</div>
                        <div class="clearfix ques_single_tab">
                            <div class="linkage_tab link_checked">至今</div>
                            <div class="linkage_tab">已结束</div>
                        </div>
                    </div>
                </div>
    
                <div class="remarks" id="remarks">
                    <div class="panel panel-default remark">
                        <div class="panel-heading">备注1</div>
                        <div class="panel-body">
                            <textarea name="remark"  class="form-control" placeholder="请输入相关备注"></textarea>
                        </div>
                    </div>
                    <div class="panel panel-default remark">
                        <div class="panel-heading">备注2</div>
                        <div class="panel-body">
                            <textarea name="remark" class="form-control" placeholder="请输入相关备注"></textarea>
                        </div>
                    </div>
                </div>
            </div>
           <div class="questionnaire_operate">
                <div class="add_remark">
                    <button class="btn btn-pri add_remark_btn" id="add_remark_btn">添加备注</button>
                </div>
                <div class="clearfix ques-click">
                    <button class="btn btn-pri prev_ques" id="prev_ques">上一题</button>
                    <button class="btn btn-pri next_ques pull-right" id="next_ques">下一题</button>
                </div>
            </div>
        </div>
        <div class="wrap_right">
            <div class="panel panel-default">
                <div class="panel-heading">答题进度</div>
                <div class="panel-body">
                    <ul class="project_schedule">
                        <li class="done"><i class="fa fa-circle" aria-hidden="true"></i>家庭相关</li>
                        <li class="doing"><i class="fa fa-circle" aria-hidden="true"></i>工作和学习</li>
                        <li><i class="fa fa-circle" aria-hidden="true"></i>社会与其他</li>
                        <li><i class="fa fa-circle" aria-hidden="true"></i>更多</li>
                    </ul>
                </div>
            </div>
        </div>
    </div> -->

</body>
<script type="text/javascript" src="scprit/followup/app/prematureOvarianFailure/womenHealthQuestionnaire.js"></script>
</html>